<!DOCTYPE html>
<html lang="en">
  <head>
    <title>Joes - a minimalistic javascript framework</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link href="//unbootstrap.googlecode.com/hg/unbootstrap.css" rel="stylesheet">
    <link href="css/joes.css" rel="stylesheet">
    <script type="text/javascript" src="joes.js"></script>
  </head>
<body>
<header class="joes fixed">
	<div id="navigatie" class="dropdown-elementx nomouse t_load_navigatie_menu.html"></div>
	<a href="menu.html" class="user_guide nohref dropdown-toggle pull-right">User Guide</a>
	<h1 class="brand hide_mobile"><a href="">Joes &amp; Timon</a></h1> <span class="mobile">A micro framework</span>
</header> 

<div class="container">

	<aside class="span3">
		<h1 class="info">How Joes &amp; Timon speed up your site</h1>
		<h3 class="icon-one">Uses basic selectors</h3>
		<p>Increase the the speed of your application</p>
		<h3 class="icon-two">Lightweight</h3>
		<p>Joes en timon are just below 20k, that's the size of jQuery</p>
		<h3 class="icon-tree">Load on demands</h3>
		<p>Increase the the speed of your application</p>
		<h3 class="icon-four">CSS driven</h3>
		<p>Translates and turns a simple css class based syntax into javascript</p>
		<h3 class="icon-wheelchair">Accessibility</h3>
		<p><strong>Timon &amp; Joes are desktop, mobile, tablet, settop and screenreader friendly</strong></p>
	</aside>


<section class="span9">

	<div class="well-alternative warning bigger">
		<h1>Joes &amp; Timon</h1>
		<p class="bigger">Really fast and small javascript for <em>all</em> devices</p>
	</div>
<p><strong class="bigger">
This codebase and documentation is currently in preview. Examples and documentation is currently incomplete as I'm working on it.</strong>
</p>


	<div class="row">

		<article class="span6">
			<h2>Joes</h2>
			<p><strong>A simplistic micro javascript framework that slightly mimics jQuery syntacs. Supports legacy browsers. Just take a look at his <a href="joes.html">syntax</a></strong></p>
			<p><strong>What Joes does</strong><br />Basic javascript utilities onboard and fixes HTML5 incompatability for ie8 and below</p>
			<p><strong>Approx 14kb</strong><br /> If you bother to pack, gzip or minify it. It will even be smaller. Joes is small and fast.</p>

			<p class="center"><a href="//code.google.com/p/joes/downloads/detail?name=joes.js" class="btn btn-info center btn-large">Download Joes.js</a></p> 

		</article>

		<article class="span6">	
			<h2>Timon</h2>
			<p><strong>Timon, Joes twin brother, handles the plugins, and loads them if required, creates javascript based on classes. It's realy <a href="timon.html">easy</a>.</strong></p>
			<p><strong>What Timon does</strong><br />Timon converts css classes to basic and common javascript functions</p>		<p><strong>Approx 6kb</strong><br /> Together with Joes (uncompressed) both are almost the same size as jQuery compressed and Gzipped</p>
			<p class="center"><a href="//code.google.com/p/joes/downloads/detail?name=timon.js" class="btn btn-info btn-large">Download Timon.js</a></p>

		</article>

	</div> <!-- /row -->
</section> <!-- /section -->

<hr />

     <!-- Footer -->
      <footer>

        <p class='pull-left'>By <a href="//jan-karel.appspot.com">JK</a>. Licensed under <a href="http://www.gnu.org/licenses/lgpl.html">LGPL</a>/ Build with <a href="//unbootstrap.googlecode.com/hg/index.html">Unbootstrap</a> / <a href="menu.html">sitemap</a> </p>
<p class='pull-right'>HTML5 / CSS3</p>
      </footer>

    </div><!-- /container -->

  <!-- Timon.js -->
  <script type="text/javascript" src="timon.js"></script>
  <script type="text/javascript">
  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-33491589-1']);
  _gaq.push(['_trackPageview']);

  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();
  </script>
  </body>
</html>